/* @override http://localhost/wordpress/wp-content/themes/franklinstreet_srd/style.css */

/*
Theme Name: Franklin Street (Some Random Dude Version)
Theme URI: http://www.somerandomdude.com/projects/franklinstreet
Description: Franklin Street is the core theme used at SomeRandomDude.com. It is an extremely minimal theme - which keeps it open for visual customization.
Version: 2.0
Author: P.J. Onori
Author URI: http://www.somerandomdude.com/
Tags: light, two-columns, fixed-width, sticky-post, theme-options


The MIT License

Copyright (c) 2009 P.J. Onori (pj@somerandomdude.com)

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/

@font-face {
  font-family: "TexGyreSchola";
  src: url(fonts/texgyreschola-regular.otf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TexGyreSchola";
  src: url(fonts/texgyreschola-bold.otf);
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "TexGyreSchola";
  src: url(fonts/texgyreschola-italic.otf);
  font-weight: normal;
  font-style: italic;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	font-size: 62.5%;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	background-color: #5d504f;
	color: #050000;
	height: 100%;
	margin: 0;
	padding: 0;
	line-height: 20px;
}

div.background.top {
	background-color: #ded3d1;
}

/* @end */

/* @group Reset/Cleanups */

img {
	-ms-interpolation-mode: bicubic;
}

p img:first-child {
	margin-top: -5px;
	margin-bottom: 5px;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	font-size:12px;
	margin:20px 0;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
}

table,td,th {
	vertical-align: middle;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}

/* @end */

/* @group Global */

input.textinput, #s, textarea {
	border: 1px solid #5d504f;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #5d504f;
}

a img {
	border: none;
}

ul, ol {
	list-style: none;
	margin: 15px 0;
	padding-top: 5px;
}

ul ul, ol ol {
	margin:0;
	padding-top:0;
}

ol {
	list-style:decimal;
}

ul li, ol li {
	margin: 0;
	font-size: 12px;
}

ul li li {
	margin-left:4px;
}

ol li {
	margin-left:20px;
}

ul li {
	padding-left: 8px;
	background: url(images/icons/tick_4x4_drk.png) no-repeat 0 9px;
}

dl {
	margin: 15px 0;
	padding-top: 5px;
}

dt, dd {
	font-size: 12px;
}

dt {
	font-weight: bold;
	margin-top: 20px;
}

dt:first-child {
	margin:0
}

th {
	border-bottom: 1px solid;
	padding: 0 5px;
	font-weight:bold;
}

td {
	padding: 0 5px;
}

hr
{
	height: 1px;
	border: 0;
	background-color: #b5aaa9;
}

.hidden {
	display: none;
}

form input.button {
	border: none;
	height: 20px;
	margin: 0;
	cursor: pointer;
}

/* @end */

/* @group Grid */

.wrapper { 
	width: 960px; 
	position: relative;
 	margin:0 auto; 
	display: block !important;
}

.wrapper.showgrid { background-image: url(images/grid_14col.png); }

div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23 {
	float: left;
	margin-right: 20px;
}
div.span-24 { float: left; }
div.last { margin-right: 0; }

.span-1 { width: 50px; }
.span-2 { width: 120px; }
.span-3 { width: 190px; }
.span-4 { width: 260px; }
.span-5 { width: 330px; }
.span-6 { width: 400px; }
.span-7 { width: 470px; }
.span-8 { width: 540px; }
.span-9 { width: 610px; }
.span-10 { width: 680px; }
.span-11 { width: 750px; }
.span-12 { width: 820px; }
.span-13 { width: 890px; }
.span-14 { width: 960px; }
.suffix-1 { padding-right: 70px; }
.suffix-2 { padding-right: 140px; }
.suffix-3 { padding-right: 210px; }
.suffix-4 { padding-right: 280px; }
.suffix-5 { padding-right: 350px; }
.suffix-6 { padding-right: 420px; }
.suffix-7 { padding-right: 490px; }
.suffix-8 { padding-right: 560px; }
.suffix-9 { padding-right: 630px; }
.suffix-10 { padding-right: 700px; }
.suffix-11 { padding-right: 770px; }
.suffix-12 { padding-right: 840px; }
.suffix-13 { padding-right: 910px; }
.prefix-1 { padding-left: 70px; }
.prefix-2 { padding-left: 140px; }
.prefix-3 { padding-left: 210px; }
.prefix-4 { padding-left: 280px; }
.prefix-5 { padding-left: 350px; }
.prefix-6 { padding-left: 420px; }
.prefix-7 { padding-left: 490px; }
.prefix-8 { padding-left: 560px; }
.prefix-9 { padding-left: 630px; }
.prefix-10 { padding-left: 700px; }
.prefix-11 { padding-left: 770px; }
.prefix-12 { padding-left: 840px; }
.prefix-13 { padding-left: 910px; }

/* @end */

/* @group Typography */

a {
	color: #5d504f;
}

a.external {
	text-decoration: none;
	border-bottom: 1px dotted #5d504f;
}

a:hover {
	color: #7f7271;
}

a.external:hover {
	text-decoration: none;
	border-bottom: 1px dotted #7f7271;
}


a:visited {
	
}

h1, h2, h3, h4, h5, h6 {
	margin: 15px 0 20px 0;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0;
}


blockquote {
	margin: 15px 70px;
	padding: 0;
	padding-top: 5px;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
}

blockquote blockquote {
	margin-top:0;
}

blockquote p {
	padding: 0;
	margin-bottom:15px;
	font-size: 15px !important;
}

blockquote:first-child, blockquote p:first-child {
	margin-top: 0;
}

blockquote:last-child, blockquote p:last-child {
	margin-bottom:0;
}

p {
	margin: 15px 0;
	padding-top: 5px;
	margin-bottom: 13px;
	font-size: 12px;
	line-height: 20px;
}

p:first-child {
	margin-top: 0;
}

p:last-child {
	margin-bottom: 0;
}

h1 {
	font-size: 24px;
	padding-top: 0px;
	margin-bottom: 20px;
}

h2 {
	font-size: 20px;
	padding-top: 1px;
	margin-bottom: 19px;
}

h3 {
	font-size: 18px;
	padding-top: 2px;
	margin-bottom: 18px;
}

h4 {
	font-size: 16px;
	padding-top: 3px;
	margin-bottom: 17px;
}

h5 {
	font-size: 14px;
	padding-top: 5px;
	margin-bottom: 15px;
}

h6 {
	font-size: 12px;
	padding-top: 6px;
	margin: 14px 0;
}

textarea {
	font-size: 12px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

pre,code,tt {
	font: 10px 'andale mono','monotype.com','lucida console',monospace;
	line-height: 1.5;
}

em {
	font-style: italic;
}

/* @end */

/* @group Wordpress */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
	text-align: center;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 20px;
   padding: 5px 4px 0 0;
   margin: 15px;
}

/* @end */

/* @group Structure */

/* @group Global */

/* @group Post Related */

#content.home #content_primary .article_header,
#content.post .article_header,
#content.results .article_header
 {
	padding-left: 60px;
	background: url(images/icons/articles_opinion_40x40_drk.png) no-repeat;
}

#content.home #content_primary .category-design .article_header,
#content.post .category-design .article_header,
#content.results .category-design .article_header {
	background-image: url(images/icons/design_40x40_drk.png);
}

#content.home #content_primary .category-current-events .article_header,
#content.post .category-current-events .article_header,
#content.results .category-current-events .article_header {
	background-image: url(images/icons/current_events_40x40_drk.png);
}

#content.home #content_primary .category-art-ideas .article_header,
#content.post .category-art-ideas .article_header,
#content.results .category-art-ideas .article_header {
	background-image: url(images/icons/art_ideas_40x40_drk.png);
}

#content.home #content_primary .category-art-ideas .article_header,
#content.post .category-art-ideas .article_header,
#content.results .category-art-ideas .article_header {
	background-image: url(images/icons/art_ideas_40x40_drk.png);
}

#content.home #content_primary .category-design-technology .article_header,
#content.post .category-design-technology .article_header,
#content.results .category-design-technology .article_header {
	background-image: url(images/icons/design_technology_40x40_drk.png);
}

#content.home #content_primary .category-opinion .article_header,
#content.post .category-opinion .article_header,
#content.results .category-opinion .article_header {
	background-image: url(images/icons/opinion_40x40_drk.png);
}

#content.home #content_primary .category-technology .article_header,
#content.post .category-technology .article_header,
#content.results .category-technology .article_header {
	background-image: url(images/icons/technology_40x40_drk.png);
}

#content.results .category-twitter .article_header {
	background-image: url(images/icons/twitter_40x40_drk.png);
}

#content.results .category-tumblr .article_header {
	background-image: url(images/icons/tumblr_40x40_drk.png);
}

#content.results .category-google-reader .article_header {
	background-image: url(images/icons/rss_40x40_drk.png);
}

#content.results .category-flickr .article_header {
	background-image: url(images/icons/flickr_40x40_drk.png);
}

#content.results .category-delicious .article_header {
	background-image: url(images/icons/delicious_40x40.png);
}

/* @end */

/* @group Sticky Footer */

#sticky_footer
{
	width: 100%;
	background-color: rgba(242,232,230,.75);
	
	background-image: url(images/background_stripes.gif);
	position: fixed;
	overflow: hidden;
	height:60px;
	bottom: 0;
	z-index: 99999;
}

#sticky_footer h3
{
	margin: 0;
	margin-top: 5px;
	font-size: 16px;
}

#sticky_footer .search {
	padding: 20px 0px;
}

#sticky_footer .search #s {
	width: 184px;
}


#sticky_footer .twitter_follow {
	padding: 20px 0px;
	background-color: rgba(254,250,250,.5);
}

#sticky_footer .rotational p
{
	font-family: 'TexGyreSchola';
	color: #5d504f;
	font-style: italic;
	font-size: 14px;
	margin-top: 4px;
	text-indent: -9999px;
}

#sticky_footer .twitter_follow a {
	border: 0;
	display: block;
	width: 170px;
	height: 20px;
	margin-left: 10px;
	background: url(images/twitter_follow.png) no-repeat;
	text-indent: -9999px;
}

#sticky_footer .subscribe a {
	text-decoration: none;
	background: rgba(254,250,250,.5) url(images/icons/rss_40x40_drk.png) no-repeat 5px center;
	display: block;
	height: 40px;
	width: 30px;
	padding: 10px 10px;
	text-indent: -99999px;
}

#sticky_footer .info {
	padding-top: 35px;
	text-align: right;
}

#sticky_footer .top {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

#sticky_footer .top a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: rgba(93,80,79,0.5) url(images/top.png) no-repeat center center;
}


/* @end */

/* @group etc */

.pagination 
{
	padding-top: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: -20px;
	width: 280px;
	
	display: block;
}

.pagination .next a, .pagination .previous a {
	display: block;
	width: 100%;
	padding: 0 20px;
	background: #000;
}

.pagination {
	margin-bottom: 5px;
}

.pagination .next a {
	padding-right: 0;
	margin-right: 0;
}

.pagination .previous a {
	padding-left: 20px;
	padding-right: 0;
}

.pagination a
{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.highlighter
{
	position: absolute;
	opacity: .15;
	top: 0;
	margin-top: -10px;
	left: -10px;
	padding-right: 20px;
	width: 1px;
	background-image: url(images/background_stripes_dark.gif);
	width:100%;
	z-index: -1;
}

a.more-link {
	display: block;
	margin-top: 15px;
	margin-bottom: 5px;
	line-height: 1;
	text-decoration: none;
	padding: 4px 0 4px 20px;
	width: 190px;
	margin-left: -20px;
	color: #fff;
	background-color: #5d504f;
	font-size: 12px;
	font-weight: bold;
}

.crop {
	overflow: hidden;
}

#content.home #content_secondary div.crop {
	/*kinda hacky*/
	margin-top: -5px;
	margin-bottom: 20px;
}

/* @end */

/* @group Footer */

#footer 
{
	
	margin-top: 40px;
	margin-bottom: 60px;
	color: #ded3d1;
}

#footer a {
	color: #fefafa;
}

#footer h3 {
	color: #ded3d1;
}

#footer .recent_comments dd {
	font-size: 11px;
}

#s {
	margin: 0;
	line-height: 1.2;
	font-size: 12px !important;
	padding: 2px;
	height: 15px;
	width: 184px;
}

#cat_navigation {
	text-indent: 0;
}

#cat_navigation a.head {
	display: block;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-indent: 14px;
	text-decoration: none;
}

#foutohfour_title {
	margin-top:0;
	margin-bottom:20px;
	font-size:80px;
	padding-top:0;
	line-height:60px;
}

#cat_navigation li:first-child {
	padding-top: 0;
}

#cat_navigation ul
{
	margin-top: 0;
	padding-top: 0;
}

#cat_navigation li
{
	font-weight: bold;
	font-size: 12px;
}

#cat_navigation li li
{
	font-weight: normal;
	font-size: 11px;
	padding-top: 0;
}

#cat_navigation ul {
	
}

#cat_navigation li {
	list-style: none outside none;
	display: block !important;
	background: none;
	padding-left: 0;
}

#cat_navigation a.ui-state-active {
	/*border-bottom: 1px solid #fefafa;*/
}

#cat_navigation li a {
	outline-style: none;
	display: block;
}

#cat_navigation li li a {
	display: block;
	padding-left: 5px;
}

#cat_navigation li li:first-child {
	margin: 0;
}

#sidebar li {
	padding-left:0;
	background:none;
	margin-bottom:15px;
	
}

#sidebar li li {
	padding-left: 8px;
	background: url(images/icons/tick_4x4_drk.png) no-repeat 0 9px;
	margin-bottom:0;
}

#sidebar h3 {
	margin-bottom:0;
	padding-bottom:2px;
}

#sidebar h3:first-child {
	margin-top:0;
}

#wp-calendar {
	margin-top:0;
	margin-bottom:0;
}

#wp-calendar th, #wp-calendar td {
	padding: 0 8px;
}

#wp-calendar th:first-child, #wp-calendar td:first-child {
	padding-left:0;
}

#wp-calendar caption {
	font-style:italic;
	font-size:11px;
	padding:0;
	padding-top:1px;
}

#wp-calendar th.last, #wp-calendar td.last {
	padding-right:0;
}

#wp-calendar #today {
	font-weight:bold;
}

/* @end */

/* @group Header */

#header #blog_info {
	margin-top: 0px; float: left;
}

#header { margin-bottom: 20px; }
#header h1 {  margin-bottom: 0; margin-left: -40px; }
#header h1 a {
	text-decoration: none;	
	color: #000;
	text-indent: -9999px;
	width: 300px;
	height: 21px;
	display: block;
	background: url(images/logo.png) no-repeat;
}

#header #description {
	display:block;
	font-size:12px;
	line-height:20px;
	padding-top:5px;
	margin:0;
}

#navigation {
	float: right;
	list-style: none;
	margin: 0;
}

#navigation li {
	float: left;
	margin-right: 20px;
	width: 50px;
	background: none;
	padding: 0;
}

#navigation li a {
	text-decoration: none;
	font-weight: bold;
}

#navigation li.rss a {
	background: #ff1e00;
	padding: 0 2px;
	color: #fefafa !important;
}

#navigation li.last {
	margin-right: 0;
}

/* @end */

/* @group Promo */

#promo {
	padding-top:0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #b5aaa9;
	border-left: 0;
	border-right: 0;
}

#promo_about {
	color: #fefafa;
}

#promo_about p {
	font-size: 26px;
	line-height: 40px;
	margin-top: -1px;
	font-style: italic;
	font-family: 'TexGyreSchola';
}

#promo_new {
	color: #5d504f;
}

#promo_new p {
	font-size: 26px;
	line-height: 40px;
	margin-top: -1px;
	font-family: 'TexGyreSchola';
	font-weight: bold;
}

#promo_new a {
	color: #fefafa;
	background-color: #ff1e00;
	text-decoration: none;
	padding: 0 5px;
}

/* @end */

#content {
	margin: 20px 0;	
}

.header {
	margin-bottom: 15px;

}

.header h2 {
	font-size: 24px;
	margin: 0;
	padding-top: 0px;
	margin-bottom: 5px;	
}

.header small {
	display: block;
	font-size: 11px;
}

.article_header {
	margin-bottom: 15px;
}

.article_header h2 a, .article_header h3 a {
	text-decoration: none;	
}

#content.post .callout,
#content.page .callout
{
	font-size: 15px;
	line-height: 20px;
	display: block;
	padding-top: 5px;
	font-weight: bold;
}

/* @end */

/* @group Home */

/* @group Global */

#content.home #content_primary, #content.home #content_secondary,
#content.home #content_tertiary
{
	position: relative;
}

#content.home #content_secondary,
#content.home #content_tertiary {
	overflow:hidden;
}

#content.home #content_secondary a.more-link, 
#content.home #content_tertiary a.more-link {
	margin-left: 0;
	padding-left: 10px;
	width: 110px;
}

#content.home .article_header h4 {
	margin-top: 0;
	font-size: 10px;
	padding-top: 0;
	margin-bottom: 15px;
}

#content.home #content_primary blockquote {
	margin-right: 0;
	margin-left: 70px;
}

#content.home #content_secondary blockquote {
	margin-right: 0;
	margin-left: 0;
}

#content.home #content_tertiary blockquote {
	margin-right: 0;
	margin-left: 0;
}

#content.home #content_primary blockquote,
#content.home #content_primary blockquote p {
	font-size: 14px !important;
}

#content.home #content_secondary blockquote,
#content.home #content_secondary blockquote p {
	font-size: 13px !important;
}

#content.home #content_tertiary blockquote,
#content.home #content_tertiary blockquote p {
	font-size: 12px !important;
}

#content.home hr {
	margin-top: -1px;
	margin-bottom: 20px;
}

#content.home hr:last-child {
	display: none;
}

#content.home .post {
	margin-bottom: 15px;
}

#content.home .post.last {
	margin-bottom: 0;
}

#content.home #content_secondary .permalink,
#content.home #content_tertiary .permalink {
	font-size: 10px;
	display: block;
}

#content.home a.more-link
{
	margin-bottom: 20px;
}

#content.home #content_secondary .post p, 
#content.home #content_tertiary .post p
{
	font-size: 11px;
}

.post.sticky {
	margin-left:-20px;
	padding-left:20px;
	background: url(images/sticky_background.gif);
	background-repeat:no-repeat;
	background-position: 0 6px;
}

#content.home #content_primary div.post_primary div.entry p:last-child,#content.home #content_primary div.post_secondary div.entry p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* @end */

/* @group Tertiary */

#content.home #content_tertiary .post {
	padding-left: 16px;
}

#content.home #content_tertiary .category-delicious {
	background: url(images/icons/delicious_8x8_lit.png) no-repeat 0 12px;
}

#content.home #content_tertiary .category-google-reader {
	background: url(images/icons/rss_8x8_drk.png) no-repeat 0 12px;
}

#content.home #content_tertiary .category-twitter {
	background: url(images/icons/twitter_8x8_drk.png) no-repeat 0 12px;
}

#content.home #content_tertiary .entry img {
	max-width: 190px;
}

#content.home #content_tertiary .category-delicious .entry p {
	margin-top: 0;
	padding-top: 0;
}

#content.home #content_tertiary .article_header h3 {
	font-size: 12px;
	font-weight:bold;
	line-height: 20px;
	margin: 0;
	padding-top: 8px;
}

#content.home #content_tertiary .category-delicious h3,
#content.home #content_tertiary .category-google-reader h3 {
	font-size: 12px;
	font-weight:bold;
	line-height: 20px;
	margin: 0;
	padding-top: 5px;
}

#content.home #content_tertiary .category-delicious .entry p {
	margin-top: 0;
	padding-top: 0;
}

#content.home #content_tertiary .article_header h3 a {
	text-decoration: none;
}

#content.home #content_tertiary .post.last {
	margin-bottom: 0 !important;
}

/* @end */

/* @group Secondary */

#content.home #content_secondary .entry img {
	max-width: 260px;
}

#content.home #content_secondary .article_header h3 {
	font-size: 13px;
	margin-bottom: 0px;
	padding-top: 5px;
	font-weight: bold;
}

#content.home #content_secondary .article_header {
	padding-left: 18px;
	background: url(images/icons/articles_opinion_12x12_drk.png) no-repeat 0 9px;
}

#content.home #content_secondary .category-tumblr .article_header {
	background-image: url(images/icons/tumblr_12x12_drk.png);
}

#content.home #content_secondary .category-flickr .article_header {
	background-image: url(images/icons/flickr_12x12_drk.png);
}

#content.home #content_secondary .category-vimeo .article_header {
	background-image: url(images/icons/vimeo_12x12_drk.png);
}

#content.home #content_secondary .post h3 a {
	text-decoration: none;
}

#content.home #content_secondary .post .metadata {
	font-size: 10px;
	display: block;
}

/* @end */

/* @group Primary */

#content.home #content_primary .entry img {
	max-width: 470px;
}

#content.home #content_primary .post.secondary p {
	font-size: 12px;
}

#content.home #content_primary .post.primary h3 {
	font-size: 20px;
	margin: 0;
}

#content.home #content_primary .article_header h3 a {
	text-decoration: none;
}

#content.home #content_primary .post.primary .article_header h4 {
	font-size: 12px;
	padding-top: 3px;
	margin: 0;
}

#content.home #content_primary .post.primary p {
	font-size: 14px;
}

#content.home #content_primary .post.secondary .article_header h3 {
	font-size: 19px;
	line-height:20px;
	margin: 0;
	padding-bottom: 0;
}

#content.home #content_primary .post.secondary .article_header h4 {
	font-size: 11px;
	margin: 0;
	padding-top: 3px;
	margin-bottom: 15px;
}

#content.home #content_primary .post.primary .entry {
	margin:15px 0;
}




/* @end */


/* @end */

/* @group Article */

/* @group Global */

#content.post
{
	position: relative;
	margin-top: 20px;
}

#content.post .entry {
	overflow:hidden;
}

/* @end */

/* @group Comments */

#comments_container
{
	margin-top: 40px;
}

#comments_container blockquote {
	margin-right:0;
}

#comments_container #comments p {
	font-size: 12px !important;
}

#comments_container #comments
{
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 15px;
}

#content.post #comments .metadata {
	overflow:hidden;
}

#content.post #comments .gravatar img {
	margin-top:9px;
	background: url(images/placeholder_50x50.gif) no-repeat;
}

#content.post #comments_container blockquote {
	font-size: 14px;
}

#content.post #comments .metadata h4 {
	font-size: 14px;
	margin: 0;
	padding-top: 4px;
}

#content.post #comments .metadata h5 {
	font-size: 11px;
	padding-top: 1px;
	margin: 0;
}

#content.post #comments .metadata small {
	font-size: 11px;
	padding-top: 5px;
	margin-bottom: 0;
}

#content.post #comments li {
	background: none;
	margin: 20px 0 ;
	padding: 0 0 14px 0;
	border-bottom: 1px solid #b5aaa9;
}

#content.post #comments li:first-child {
	margin-top: 0px;
}

#content.post #comments li:last-child {
	padding-bottom: 0;
	border: 0;
}

#content.post #comments p:last-child {
	margin-bottom: 0;
}

#content.post #comments_container #no_comments {
	font-size: 30px;
	line-height: 40px;
	padding-top: 10px;
	margin-bottom: 30px;
	color: #5d504f;
}

#content.post #commentform dd input.textinput {
	margin: 0;
	line-height: 1.2;
	font-size: 12px !important;
	padding: 2px;
	height: 15px;
	width: 184px;
}

#commentform dl { 
	position:relative !important;
	padding-top: 0; 
	margin-top: 0;
}

#comment_form {
	margin-top:20px;
}

#comment_form p.loggedin {
	font-size: 12px !important;
	margin-bottom: 15px;
}

#commentform dt {
	margin-top: 20px;
	padding: 0;
}

#commentform dd
{
	margin: 0;
	padding: 0;
	margin-top: -1px;
	line-height: 1;
}

#commentform dt:first-child {
	margin: 0;
}

#commentform dt label { 
	position:absolute !important; 
	left:4px !important; 
	margin: 0 !important; 
	padding: 0; 
}

#content.post #commentform textarea {
	border: 1px solid #000;
	margin: 0;
	font-size: 12px !important;
	line-height: 1.2 !important;
	height: 95px;
	padding: 2px 4px;
	width: 530px;
}

#content.post #commentform textarea.loggedin {
	width: 740px;
}

#content.post #commentform #submit
{
	display: block;
	clear: both;
	height: 20px;
	margin-top: 20px;
	font-weight: bold;
	
}

#content.post #commentform #submit.loggedin {
	margin-left: 0;
}

/* @end */

/* @group Secondary */

#content.post #content_secondary
{
	position: absolute;
	right: 0px;
	overflow:hidden;
	background-color: rgba(222,212,210,.95);
	border-left: 0 solid #b5aaa9;
	
	background-image: url(images/background_stripes.gif);
	z-index:100;
}

#content.post #content_secondary .container
{
	position: relative;
	left: 0;
	float: right;
}

#content.post #content_secondary h3
{
	margin-bottom: 0;
	padding-bottom: 3px;
}

#content.post #content_secondary h3:first-child
{
	margin-top: 0 !important;
}

#content.post #content_secondary dl
{
	margin-top: 0;
	padding-top: 0;
}

#content.post #content_secondary dt
{
	margin-top: 0;
}

#content.post #content_secondary dd ul li
{
	font-size: 12px;
}

#content.post #content_secondary dd ul {
	margin-bottom: 0;
}

#content.post #content_secondary ul
{
	margin-top: 0;
	padding-top: 0;
}



/* @end */

/* @group Primary */

#content.post #content_primary .post
{
	margin-bottom: 15px;
}

#content.post #content_primary .article_header h2
{
	font-size: 22px;
	padding-top: 1px;
	margin: 0;
}

#content.post #content_primary .article_header h3 {
	font-size: 11px;
	padding-top: 4px;
	margin: 0;
}

#content.post #content_primary p {
	font-size: 13px;
}

#content.post #content_primary ul {
	font-size: 13px;
}



/* @end */

/* @end */

/* @group Snippet */

#content.snippet h2 {
	padding-top: 0px;
	margin-left: 70px;
	margin-bottom: 0;
	width: 40px;
	height: 40px;
	float: left;
}

#content.snippet h2 a {
	display: block;
	background-image: url(images/icons/rss_40x40_drk.png);		
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	border: 0;
}

#content.snippet.delicious h2 a {
	background-image: url(images/icons/delicious_40x40.png);
}

#content.snippet.twitter h2 a {
	background-image: url(images/icons/twitter_40x40_drk.png);
}

#content.snippet .article_header {
	margin-bottom: 0;
	width: 100%; /*tweak for clearfix*/
}

#content.snippet .article_header .date {
	float: right;
	margin: 0;
	margin-top: 30px;
	line-height: 10px;
	padding: 0;
	font-size: 12px;
}

#content.snippet .entry {
	padding-bottom: 20px;
	background: url(images/snippet_content_divider.png) no-repeat 0 7px;
	padding-top: 40px;
}

#content.snippet .follow {
	font-size: 14px;
	font-style: italic;
	padding-top: 4px;
}

#content.snippet.delicious .entry .link {
	padding-top: 2px;
	font-size: 22px;
}

#content.snippet.delicious .entry p {
	font-size: 16px;
	padding-top: 4px;
}

#content.snippet.twitter .entry p {
	font-size: 22px;
	padding: 0;
	margin: 0;
	margin-bottom: -7px;
	margin-top: -8px;
	line-height: 40px;
}

/* @end */

/* @group Page */

#content.page h2 {
	font-size: 24px;
}

/* @end */

/* @group Archive */

/* @group Global */

#content.results .post {
	margin-bottom: 15px;
}

#content.results a.more-link {
	margin-bottom: 20px;
}

#content.results hr
{
	margin-top: -1px;
	margin-bottom: 20px;
}

/* @end */

#content.results .article_header h3
{
	margin-bottom: 0;
}

#content.results .article_header h4
{
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
}

/* @end */

/* @group etc */

/* @end */

/* @end */

/* @group Hacks */

.clearfix,.container { display: inline-block; }
* html .clearfix,* html .container { height: 1%; }
.clearfix,.container { display: block; }


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}



/* @end */

/* @group etc */

/* @group Colorbox */



/* @end */





/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/colorbox_background.png) 0 0 repeat;}
#colorbox{}

        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}	
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}










/*block IE widget*/
#compatibility_cloak
{
	position:fixed;
	width:100%;
	height:100%;
	z-index:999998;
	background:#140706;
	opacity:.9;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	top:0;
	left:0;
}


#compatibility_warning
{
	color:#000;
	background:#ded3d1;
	position:fixed;
	z-index:999999;
	width:450px;
	height:160px;
	padding:20px;
	left:490px;
	top:0;
}

* html #compatibility_cloak { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

* html #compatibility_warning { /* ie6 hack */
position: absolute;
}


#compatibility_warning h2
{
	font-size:21px;
	visibility: visible !important;
}

#compatibility_warning p
{
	font-size:14px;
}

#compatibility_warning a
{
	color:#000;
	font-size:24px;
	font-weight:bold;
}

::selection			{ background: #5d504f none repeat; color:#fefafa; /* Safari and Opera */ }
::-moz-selection  { background: #5d504f none; color:#fefafa; /* Firefox */ }


/* @end */

/* for IE/Mac */